<template>
    <view>
        <view class="system" v-if="row.type == 1">
            <!-- 文字消息 -->
            <view v-if="row.msg.type == 0" class="text">{{ row.msg.content.text }}</view>
            <!-- 领取红包消息 -->
            <view v-if="row.msg.type == 5" class="red-envelope">
                <image src="/static/img/red-envelope-chat.png" :lazy-load="true"/>
                {{ row.msg.content.text }}
            </view>
        </view>

    </view>
</template>

<script>
    export default {
        name: 'system-bubble',
        props: {
            row: {
                type: Object,
                default: {}
            }
        },
        data() {
            return {};
        }
    }
</script>

<style lang="scss">
    @import "@/static/css/chat/style.scss";
</style>
